@import '~antd/es/style/themes/default.less';

.wrapper {
  position: relative;
  width: 500px;
  height: 300px;
  padding: 0 30px 20px 0;
  .core-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 260px;
    padding: 0 5px;
  }
  .bg-1 {
    margin-right: -18px;
    transform: rotate(2.2deg);
    transform-origin: left bottom;
  }
  .title {
    margin: 20px 0 5px 0;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    border-radius: 17px 17px 0 0;
  }

  .badgeWrapper {
    img {
      width: 14px;
      height: 14px;
    }
    :global(.ant-badge:not(:first-child)) {
      margin-left: 5px;
    }
    sup {
      transform: scale(0.7);
      transform-origin: 30px -10px;
    }
  }
}
